<template>
	<view class="about">
		<view class="about_introduce public_sty">
			<view class="about_shop_img"></view>
			<view class="about_shop_con">
				<text>
					商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍商城文字介绍
				</text>
			</view>
		</view>
		<view class="about_deils">
			<view class="deils_box" v-for="(item,index) in aboutlist" :key="index">
				<view class="deils_img_box  public_sty">
					<image :src="item.img" mode=""></image>
				</view>
				<view class="deils_text">
					<text>{{item.text}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			aboutlist: [
				{
					img: '',
					text: '营业执照'
				},
				{
					img: '',
					text: '药品经营许可证'
				},
				{
					img: '',
					text: '互联网药品信息服务许可证'
				},
				{
					img: '',
					text: '持业药师注册证件照片'
				}
			]
		};
	}
};
</script>

<style lang="scss" scoped>
.about {
	padding: 30rpx;
}
.about_introduce {
	.about_shop_img {
		height: 260rpx;
		transform: scaleY(-1);
		box-shadow: 0rpx 0rpx 66rpx 0rpx rgba(59, 67, 83, 0.05);
	}
	.about_shop_con {
		padding: 24rpx 30rpx 32rpx 30rpx;
		font-size: 28rpx;
		letter-spacing: 0.4rpx;
		font-weight: 400;
		text-indent: 64rpx;
	}
}
	.about_deils{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 24rpx;
		.deils_box{
			margin-bottom: 36rpx;
			image{
				width: 330rpx;
				height: 240rpx;
			}
		}
		.deils_text{
			text-align: center;
			font-size: 28rpx;
			margin-top: 14rpx;
		}
	}
</style>
